// // ———————————————————————— 内边距与外边距设置 ————————————————————————-
@count   : 100; //有多少个量
@mp-base : 2;
@unit    : 1px;

//定义
.intro-loop(@simp, @className, @count, @i: 1) when (@i <=@count) {
  @indexs : @i*@mp-base;

  .@{simp}@{indexs} {
    @{className}: @mp-base*@i*@unit  !important;
  }

  .intro-loop(@simp, @className, @count, (@i + 1));
}

//调用
.intro-loop(mr, margin-right, @count);
.intro-loop(ml, margin-left, @count);
.intro-loop(mt, margin-top, @count);
.intro-loop(mb, margin-bottom, @count);

//下面是less官方文档给的循环实例，其实实际上这就是递归调用
// .loop(@counter) when (@counter > 0) {
//   .loop((@counter - 1));
//   width: (10px + @counter);
// }
//————————————————————————————————————————————————————————————————————————————
